{% load staticfiles %}
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Bubble Chart - vallandingham.me</title>
  <meta name="description" content="Example Bubble chart implementation in JS. ">
  <meta name="author" content="Dash Zeng">

  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="stylesheet" href="{% static 'bubble/css/reset.css' %}">
  <link rel="stylesheet" href="{% static 'bubble/css/bubble_chart.css' %}">
</head>
<body>
  <div class="container">
    <h1>Foundation Educational Spending</h1>
    <div id="toolbar">
      <a href="#" id="all" class="button active">总量</a>
      <a href="#" id="year" class="button">年度</a>
      <a href="#" id="month" class="button">月份</a>
      <a href="#" id="speed" class="button">同比增长速度</a>
      
    </div>
      <div id="vis"></div>
    <div id='footer' style="position: absolute;align: center;left:40%;top: 750px ">
      <p>A demonstration of animated bubble charts in JavaScript and D3.js
      <br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;jia.zeng@cihon.cn</p>
    </div>
  </div>
  <script src="{% static 'bubble/js/libs/jquery-1.6.2.js' s%}"></script>
  <script src="{% static 'bubble/js/libs/d3.js' s%}"></script>
  <script src="{% static 'bubble/js/libs/tooltip.js' s%}"></script>
  <script src="{% static 'bubble/js/libs/bubble_chart.js' s%}"></script>




</body>
</html>